<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>短链生成 | 脉速短链接系统</title>
    <link href="css/common.css" rel="stylesheet"></head>
    <link href="css/create.css" rel="stylesheet"></head>
  </head>
  <body>
    <div class="logo">
      <h2><a href="create.html">脉速短链接系统</a><span class="fr log"><em id="usr"></em><a href="javascript:void(0)" onclick="comm.logout()" class="logout">退出</a><span></h2>
    </div>
    <div class="tab">
      <ul>
        <li class="cur" ><a href="create.html">短链生成</a></li>
        <li><a href="list.html">短链查询</a></li>
        <li><a href="options.html">参数配置</a></li>
        <li><a href="docs.html">接口说明</a></li>
        <li><a href="info.html">屏蔽检查</a></li>
        <li><a href="http://47.96.142.128:3000/login" target="_blank">监控平台</a></li>
      </ul>
    </div>
    <div class="form">
          <h3>
            输入参数生成短链
          </h3>
          <div class="clearfix createForm">
            <div class="fl">
              <p><label>单个号码</label><textarea type="text" id="phone" placeholder="每行一个手机号码" ></textarea></p>
              <p><label>批量导入号码</label><input type="file" id="excelfile" ></p>
              <p><label>同步至发布系统</label><input type="checkbox" class="checkbox" id="is_send" /></p>
            </div>
            <div class="fr">
              <p><label>短信模板</label><select id="template_id"></select></p>
              <p><label>投放域名</label><select id="long_url"></select></p>
              <p><label>短链域名</label><select id="base_url"></select></p>
              <p><label>产品类型</label><select id="product"></select></p>
              <p><label>渠道来源</label><select id="delivery_source"></select></p>
              <p><label>渠道描述</label><input type="text" id="delivery_time" /></p>
              <p style="margin-bottom:30px; margin-top:40px;"><button class="btn" id="createBtn" disabled >生成</button>&emsp;&emsp;<button class="btn" id="resetBtn" >清除</button></p>
            </div>
            <div class="fr last">
              <h3>剩余可生成量</h3>
              <p><input type="text" class="w120" readonly id="last_amount" ></p>
            </div>
          </div>

          <div class="table cl">
            <h3>
              短链接生成列表 <a class="fr refresh" href="###" id="refresh_table" >刷新</a>
            </h3>
            <table id="result_table" >
              <tr>
                <th>批量生成名称</th>
                <th>生成号码</th>
                <th>商品类型</th>
                <th>渠道来源</th>
                <th>渠道描述</th>
                <th>文案配置</th>
                <th>创建时间</th>
                <th>是否生成</th>
                <th>操 作</th>
              </tr>
              <tr>
                <td>loading</td>
                <td>loading</td>
                <td>loading</td>
                <td>loading</td>
                <td>loading</td>
                <td>loading</td>
                <td>loading</td>
                <td>loading</td>
              </tr>
            </table>
          </div>

          <div class="cl">
            <h3>
              生成结果预览
            </h3>
            <p><textarea id="create_result" class="w120" placeholder="生成结果显示在这"></textarea></p>
          </div>

    </div>
    <div class= "foot">
      <div class="right">脉速营销 #2018# 版权所有</div>
    </div>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/create.js"></script>
  </body>
</html>
